<!-- 我的红包 -->
<template>
  <div>
      <backHeader title='我的红包'></backHeader>
      <van-tabs v-model="active" animated>
        <van-tab title="收到红包">
            <noData link='gift' v-if='getGiftList.length===0'></noData>
            <itemList :itemList='getGiftList' v-if='getGiftList.length!==0'></itemList>
        </van-tab>
        <van-tab title="发出红包">
            <noData link='gift' v-if='sendGiftList.length===0'></noData>
            <itemList :itemList='sendGiftList' v-if='sendGiftList.length!==0'></itemList>
        </van-tab>
        <van-tab title="打赏">
            <itemList :itemList='rewardList' v-if='rewardList.length!==0'></itemList>
        </van-tab>
     </van-tabs>
  </div>
</template>

<script>
import backHeader from '../../components/backHeader'
import noData from '../../components/noData'
import itemList from '../../components/itemList'
export default {
  props: [],
  components: {
    backHeader, noData, itemList
  },
  data () {
    return {
      active: 0,
      getGiftList: [{ time: '2019-10-16 16:59:57', message: '在线充值', right: ['100元'] }],
      sendGiftList: [],
      itemList: [],
      rewardList: []
    }
  },

  computed: {},

  methods: {}
}

</script>
<style lang='less' scoped>
</style>
